<template>
  <el-row :gutter="20" class="mt20">
    <el-col :span="6">
      <el-card class="box-card">
        <div slot="header" class="clearfix">
          <span class="title">主要指标</span>
        </div>
        <MainTarget />
      </el-card>
    </el-col>
    <el-col :span="6">
      <el-card class="box-card">
        <div slot="header" class="clearfix">
          <span class="title">待办提醒</span>
        </div>
        <Todo />
      </el-card>
    </el-col>
    <el-col :span="12">
      <el-card class="box-card">
        <div slot="header" class="clearfix">
          <span class="title">库存状况</span>
        </div>
        <Repertory />
      </el-card>
    </el-col>
  </el-row>
</template>
<script>
import MainTarget from './MainTarget'
import Todo from './Todo'
import Repertory from './Repertory'
export default {
  name: 'TodoList',
  components: { MainTarget, Todo, Repertory },
  data() {
    return {
    }
  },
  created() {

  },
  methods: {

  }
}
</script>
<style scoped>
  .mt20{
    margin-top: 20px;
  }
  .box-card{
    margin:0;
  }
</style>
